<template>
  <div>
    <div class="mb_10">
      <i class="el-icon-arrow-left commhover" @click="back"></i>
      <span class="textunder ccolor commhover f-13" @click="back"
        >活动名称（点击返回上一级）</span
      >
      <span class="ccolor f-13"> / 公众号授权</span>
    </div>
    <div v-if="isauth" class="bg_fff full-w p_20 listbody">
      <div class="flex aligncenter mb_32">
        <div class="f-18 c_000"> 关注设置： </div>
        <div class="c_primary f-16 flex aligncenter"><i class="el-icon-info f-20 mr_10"></i>查看设置教程</div>
      </div>
      <div class="pl_32">
        <div class="c_primary f-16 mb_16">一、授权代码</div>
        <div class="f-14 c_000 mb_16">复制下面整段代码到微信公众号  关注自动回复里：</div>
        <div class="flex aligncenter mb_32">
          <el-input type="textarea" rows="3" v-model="link" readonly class="copyinput"/>
          <el-button type="primary" class="copybtn">复制</el-button>
        </div>
        <div class="c_primary f-16 mb_16">二、授权链接</div>
        <div class="f-14 c_000 mb_16">将以下链接在微信公众号设置菜单栏:(未认证公众号可不设置)：</div>
        <div class="flex aligncenter mb_32">
          <el-input type="textarea" rows="3" v-model="link" readonly class="copyinput"/>
          <el-button type="primary" class="copybtn">复制</el-button>
        </div>
      </div>
    </div>
    <div v-else class="bgef full-w p_20 listbody flexcolumn aligncenter">
      <div class="f-18 pt_64">该活动未开通关注抽奖功能～</div>
      <img src="@/assets/images/nodata.png" alt="" class="nodata">
    </div>
  </div>
</template>

<script>
import * as echarts from "echarts";
require("echarts/theme/macarons"); // echarts theme
export default {
  data() {
    return {
      isauth:true,
      link:'<ahref="https://auth20.hdkhltouplao.com/hex1g99/dee91b2fa8b1">点此进入抽奖活动</a>'
    };
  },
  mounted() {
  },
  methods: {

    back(){
        this.$router.back()
    },
  },
};
</script>
<style lang="scss" scoped>
.listbody {
  height: calc(100vh - 118px);
  overflow-y: auto;
  padding-bottom: 25px;
}
.bgef{
  background-color: #EFEFEF;
}
.nodata{
  width: 700px;
}
.copyinput{
  width: 800px;
  margin-right: 40px;
}
.copybtn{
  padding: 10px 32px;
}
</style>